<div class="panelTabs">
			<div class="tabs">
				<a class="label" title="Categories">{'connect to fiend'|t}</a>
			</div>
		</div>
		<div class="backgroundFrame970Top"></div>
		<div class="backgroundFrame970"><div class="content">
			<div class="panelUserAvatar">
				<img src="{$urlStatic}/{image src=$user->getAvatar() w=150 h=150}" title="{$user->getFirstName()} {$user->getLastName()}" alt="{$user->getFirstName()} {$user->getLastName()}"/>
				<h1>{$user->getFirstName()}<br/>{$user->getLastName()}</h1>
			</div>
			
			
			<div class="panelUserInfo">
				<table cellpadding="0" cellspacing="0" align="center" class="panelProfle">
					<tr><td class="label">{'Age'|t}:</td><td>{$user->getAge()}</td></tr>
					<tr><td class="label">{'NTPR'|t}:</td><td>{$user->userExtendedProfile->getNtrp()}</td></tr>
					<tr><td class="label">{'Location'|t}:</td><td>{$user->getLocation()}</td></tr>
					<tr><td class="label">{'Comments'|t}:</td><td>{$user->getCommentsCount()}</td></tr>
					<tr><td class="label">{'Product opinions'|t}:</td><td>{$user->getProductCommentsCount()}</td></tr>
					<tr><td class="label">{'Connnections'|t}:</td><td>{$user->GetConnectionsCount()} {'friends'|t}</td></tr>
				</table>
			</div>
			
			
			<div class="clearBoth"></div>
			<div class="form formNewMessage">
			
			<form action="{url label=current}" id="messageForm" method="post">
				
				<div class="formItem">
					<p class="label">&nbsp;</p>
					<p class="value">{'connect to friend'|t} <b>{$user->getFirstName()} {$user->getLastName()}</b></p>
				</div>
				<div class="clearBoth"></div>
				<div class="formItem">
					<p class="label">{'message'|t}</p>
					<textarea rows="3" cols="10" id="message" name="message" rel="{'write your message'|t}">{'write your message'|t}</textarea>
				</div>
				
				<div class="formSubmit">
					<input type="submit" value="Send message" class="button"/>
				</div>
			</form>
			</div>
		<!-- content -->
		</div>
		
		
		</div>
		<div class="backgroundFrame970Bottom"></div>
		
<script type="text/javascript">
	{literal}
	
	var txt = $('#message').attr('rel');
	//var txt2 = $('#subject').attr('rel');
	var form = $('#messageForm');
	$('#message').focusin(function(){
		if($(this).val() == txt) $(this).val("");
	}).focusout(function(){
		if($(this).val().trim().length == 0) $(this).val(txt);
	})	
	//$('#subject').focusin(function(){
	//	if($(this).val() == txt2) $(this).val("");
	//}).focusout(function(){
	//	if($(this).val().trim().length == 0) $(this).val(txt2);
	//})	
	$(form).submit(function(){
		if($('#message').val() == txt) {$('#message').val(''); }
		return true;
	});
	
	
	$('textarea#message').autoResize({
    // On resize:
    onResize : function() {
        $(this).css({opacity:0.8});
    },
    // After resize:
    animateCallback : function() {
        $(this).css({opacity:1});
    },
    // Quite slow animation:
    animateDuration : 300,
    // More extra space:
    extraSpace : 10
});
{/literal}
</script>